<template>
  <div class="dashboard-editor-container">
    <!-- <github-corner></github-corner> -->


    <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <H4><span style="color: #00aaaa">玩家消费排行（前三）</span></H4>
          <bar-chart></bar-chart>
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <H4><span style="color: #00aaaa">代理消费配占比（本周）</span></H4>
          <agent-pie-chart></agent-pie-chart>
        </div >
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <H4><span style="color: #00aaaa">游戏消费配占比（本周）</span></H4>
          <pie-chart></pie-chart>
        </div >
      </el-col>
    </el-row>



  </div>
</template>

<script>
// import GithubCorner from '@/components/GithubCorner'
import PanelGroup from './PanelGroup'
import AgentPieChart from './AgentPieChart'
import PieChart from './PieChart'
import BarChart from './BarChart'

export default {
  name: 'dashboard-admin',
  components: {
    // GithubCorner,
    PanelGroup,
    AgentPieChart,
    PieChart,
    BarChart,
  },
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  background-color: rgb(240, 242, 245);
  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}
</style>
